@import "variables";

sign-up-list-item{

  .member-img{
    width: pxTorem(80);
    height: pxTorem(80);
    border-radius: 50%;
    margin: 0 pxTorem(20);
    position: relative;
    seed-avatar{
      width: 100%;
      height: 100%;
    }
    .sex{
      width: pxTorem(32);
      height: pxTorem(32);
      position: absolute;
      bottom: 0;
      right: 0;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
    }
  }
  .content{
    flex-grow: 1;
    .info{
      flex-grow: 1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      height: pxTorem(140);
      .name{
        font-size: standard($f,F2);
        color: color($h5,c2);
        margin-bottom: pxTorem(16);
      }
      .phone{
        font-size: standard($f,F5);
        color: color($h5,c4);
      }
    }
    .edit{
      display: inline-block;
      margin-right: pxTorem(20);
      width: pxTorem(40);
      height: pxTorem(40);
      background: url('#{$icons-path}/icon_sign_editor.png') no-repeat center center/contain;
    }
  }
}
